$(function(){
    twoLevelmenu();
    cloudWord();
    txtclick();
    heartclick();
    fixTop();
    content_box_insertContent();
    ajaxRequest(getNextDate());

})
function twoLevelmenu(){
    var index = $(this).index(); 
    //鼠标经过

    $("#nav > li").mouseover(function(){

        $(this).eq(index).addClass("active").siblings().removeClass("active");

        $(this).children("ul").stop().slideDown('fast');

        
        $(this).children().children().hover(function(){
            $(this).addClass("active");
        },function(){
            
            $(this).removeClass("active");
        });

        $(this).children().children().children().hover(function(){
            $(this).addClass("active");
        },function(){
            $(this).removeClass("active");
        });
    });

    $("#nav > li").mouseout(function(){
        $(this).children("ul").stop().slideUp('fast');
        $(this).eq(index).removeClass("active");

    })

}
function cloudWord(){
    $(document).ready(function() {
        if( ! $('#myCanvas').tagcanvas({
          textColour : '#ffffff',
          outlineThickness : 1,
          maxSpeed : 0.03,
          depth : 0.75
        })) {
          // TagCanvas failed to load
          $('#myCanvasContainer').hide();
        }
        // your other jQuery stuff here...
      });
      var cloudWord = `                <li><a href="#" target="_blank">Google</a></li>
                        <li><a href="#">HTML</a></li>
                        <li><a href="#">JavaScript</a></li>
                        <li><a href="#">Vue</a></li>
                        <li><a href="#">BootStrap</a></li>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">Bootcss</a></li>
                        <li><a href="#">layUI</a></li>
                        <li><a href="#">Github</a></li>
                        <li><a href="#">SpringBoot</a></li>
                        <li><a href="#">JAVA</a></li>
                        <li><a href="#">Python</a></li>
                        <li><a href="#">Vinegar</a></li>`

                        $('.CloudTips').append(cloudWord);
}

function txtclick(){
    
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
      var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
      var $i = $("<span/>").text(a[a_idx]);
      a_idx = (a_idx + 1) % a.length;
      var x = e.pageX,
      y = e.pageY;
      $i.css({
        "z-index": 999999999999999999,
        "top": y - 20,
        "left": x,
        "position": "absolute",
        "font-weight": "bold",
        "color": "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")"
      });
      $("body").append($i);
      $i.animate({
        "top": y - 180,
        "opacity": 0
      },1500,
    function() {
          $i.remove();
        });
    });
});
}
function heartclick(){
    (function(window,document,undefined){
        var hearts = [];
        window.requestAnimationFrame = (function(){
        return window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        function (callback){
        setTimeout(callback,1000/60);
        }
        })();
        init();
        function init(){
        css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");
        attachEvent();
        gameloop();
        }
        function gameloop(){
        for(var i=0;i<hearts.length;i++){
        if(hearts[i].alpha <=0){
        document.body.removeChild(hearts[i].el);
        hearts.splice(i,1);
        continue;
        }
        hearts[i].y--;
        hearts[i].scale += 0.004;
        hearts[i].alpha -= 0.013;
        hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color;
        }
        requestAnimationFrame(gameloop);
        }
        function attachEvent(){
        var old = typeof window.onclick==="function" && window.onclick;
        window.onclick = function(event){
        old && old();
        createHeart(event);
        }
        }
        function createHeart(event){
        var d = document.createElement("div");
        d.className = "heart";
        hearts.push({
        el : d,
        x : event.clientX - 5,
        y : event.clientY - 5,
        scale : 1,
        alpha : 1,
        color : randomColor()
        });
        document.body.appendChild(d);
        }
        function css(css){
        var style = document.createElement("style");
        style.type="text/css";
        try{
        style.appendChild(document.createTextNode(css));
        }catch(ex){
        style.styleSheet.cssText = css;
        }
        document.getElementsByTagName('head')[0].appendChild(style);
        }
        function randomColor(){
        return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")";
        }
        })(window,document);
}

function fixTop (){

  $(window).scroll(function(){

      var top = $(this).scrollTop();

      if(top>90)
      {
          
          $("#top_menu").addClass("fixed").slideDown();
        
      }else{

          $("#top_menu").removeClass("fixed");

      }
  })
}

function  content_box_insertContent()
{
  var str = ''

  var content = `  <div class="wow slideInUp card_block">
                      <div class="layer1">
                          <img src="../images/114.jpg" alt="" />
                          <div class="layer1_text">
                              <a href=""><p class="layer1_text_title">20款最优秀的JavaScript编辑器</p></a>
                              <span class="layer1_text_content">毫无疑问SublimeText，Notepad++，webstorm等，是市面上最主导的编辑器，但当然也有一些更多的JavaScript编辑器提供众多的特性和功能，方便和轻松自由的编码。本文整理了20款JavaScript编辑器，哪家强你说了算
                              </span>
                          </div>
                      </div>   
                      <div class="layer2">
                          <div class="layer2_tip">
                              <span><i class="fab fa-clock"></i></span>
                              <span>浏览(999+)</span>
                          </div>
                          <a href="#">阅读原文</a>
                      </div> 
                    </div>`

                    for(let i = 0;i<=5;i++)
                    {
                      str += content
                    }

                    $(".content_box").append(str)

}

